<template>
	<view class="pr_page">
		<view class="tiele">
			<image src="/static/home/ty.png" class="ty"></image>
			<image src="/static/pl.png" class="tex" mode="widthFix"></image>
			<view class="bgs"></view>
		</view>
		<view class="pr_list">
			<view class="pr_itme" v-for="(item,index) in 4" :key="index">
				<view class="us_her">
					<image src="https://img.js.design/assets/smartFill/img309164da746310.jpg" mode="aspectFill"></image>
					<view>李芮</view>
				</view>
				<view class="tie">01  第1天坐姿、执笔姿势和控笔训练</view>
				<view class="b_img">
					<image src="https://img.js.design/assets/img/6763efb6ae6c4a1388db7985.png#efd1fa7065136bc7cbe3d5abfc486a26" mode="widthFix"></image>
				</view>
				<view class="time">2024-12-19 16:05</view>
				<view class="bordes"></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
		    PrList:{
				type:Array,
				default:[]
			},
			type:{
				type:Number,
				default:0
			}
		},
		data(){
			return{
			  
			}
		},
		mounted(){
		
		},
		methods:{
		}
	}
</script>

<style lang="scss" scoped>
  .pr_page{
	  border-radius: 23.68rpx;
	  padding: 15rpx 20rpx;
	  background: rgba(255, 255, 255, 1);
	  .tiele{
	  	// padding: 30rpx 0 20rpx;
		width: 100%;
	  	display: flex;
	  	position: relative;
		justify-content: center;
	  	align-items: center;
	  	.ty{
	  		width: 54.64rpx;
	  		height: 54.64rpx;
			z-index: 1;
	  	}
	  	.tex{
	  		width: 200.65rpx;
	  		height: 47.36rpx;
			z-index: 1;
	  	}
	  	.bgs{
	  		position: absolute;
	  		width: 270.36rpx;
	  		height: 17.76rpx;
	  		// z-index: -1;
	  		bottom: 30%;
	  		transform: translate(-50%, 0);
			border-radius: 449.92rpx;
			background: rgba(255, 238, 219, 1);
	  		/* rig: ; */
	  		left: 50%;
	  	}
	  	.context{
	  		font-size: 32.57rpx;
	  		font-weight: 600;
	  		margin-top: 5rpx;
	  		color: #000;
	  	}
	  }
	  .pr_list{
		  margin-top: 20rpx;
		  .pr_itme{
			  margin-top: 20rpx;
			  .us_her{
				  display: flex;
				  font-size: 28rpx;
				  align-items: center;
				  image{
					  width: 60.65rpx;
					  height: 60.65rpx;
					  border-radius: 50%;
					  margin-right: 15rpx;
				  }
			  }
			  .tie{
				  margin-left: 75.65rpx;
				  font-size: 26rpx;
				  color: rgba(84, 84, 84, 1);
			  }
			  .b_img{
				  width: 154.53rpx;
				  margin-top: 10rpx;
				  height: 183.61rpx;
				  margin-left: 75.65rpx;
				  image{
					  width: 100%;
					  height: 100%;
				  }
			  }
			  .time{
				  margin-top: 30rpx;
				  font-size: 26rpx;
				  margin-left: 75.65rpx;
				  color: rgba(171, 171, 171, 1);
			  }
			  .bordes{
				  width: 491.14rpx;
				  height: 3rpx;
				  margin-left: 75.65rpx;
				  opacity: 1;
				  border: 2.19rpx solid rgba(247, 247, 247, 1);
				  margin-top: 40rpx;
			  }
		  }
	  }
	  // border: 1.97rpx solid rgba(245, 245, 245, 1);
  }
</style>